<template>
    <div class="app-container">
        <LitigationApplicationLitigation :info="form" />
        <IitigationHandlingHistory :info="form" />
        <div class="card-wrap flex justify-end card-padding">
            <el-button @click="cancel">返回</el-button>
        </div>

    </div>
</template>

<script>

import IitigationHandlingHistory from "@/views/collectionManagement/litigationHandling/compoent/history.vue"
import LitigationApplicationLitigation from '@/views/collectionManagement/litigationApplication/compoent/litigation.vue'
import * as apis from "@/api/collectionManagement/litigationApplication.js";

export default {
    name: "IitigationHandlinginfo",
    components: {IitigationHandlingHistory,LitigationApplicationLitigation},
    dicts: [ 'progress_litigation'],
    data() {
        return {
            status:1,
            form:{
                carBasicVo:'1779677725229084674'
            },
        };
    },
    async created(){
        this.typeList = await this._getDicts("progress_litigation");
       
    },
    methods: {
        // 返回
        cancel() {
            this.$router.back();
            this.$store.dispatch('CollectionManagement/LitigationApplication', this.$route);
        },
        getList(){
            apis.proceedHandleDetails().then((res)=>{
                if(res.code==200){
                    this.form = res.data
                }
                
            })
        },
      
    }
};
</script>


<style lang="scss" scoped>
::v-deep .el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
    width: 70%;
}

::v-deep .el-tabs__item {
    font-size: 16px !important;
    //color: #333333;
    font-weight: bold;
}

::v-deep .el-descriptions__header {
    margin-top: -8px !important;
    margin-bottom: 10px !important;
}
</style>
